body {
  font-family: Microsoft YaHei, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Arial, sans-serif;
}
*{margin: 0; padding: 0;}
a { text-decoration: none; color: #000; }
a:hover { color: #409EFF !important; }
li { list-style: none; }
i,em { font-style: normal; }
img {border: none;}

//定义，历遍1-100
@for $i from 0 through 100 {
	// 只要双数和能被5除尽的数
	//@if $i % 2 == 0 or $i % 5 == 0 {
		// 外边距 得出：t-margin-30或者t-m-30
		.tw-margin-#{$i}, .tw-m-#{$i} {
			margin: $i + px!important;
		}
		// 内边距 得出：t-padding-30或者t-p-30
		.tw-padding-#{$i}, .tw-p-#{$i} {
			padding: $i + px!important;
		}

		@if $i < 60 {
			//圆角
			.tw-b-r-#{$i} {
				border-radius: $i + px!important;
			}
		}

		@each $short, $long in l left, t top, r right, b bottom {
			// 缩写版，结果如： t-m-l-30
			// 定义外边距
			.tw-m-#{$short}-#{$i} {
				margin-#{$long}: $i + px!important;
			}
			// 定义内边距
			.tw-p-#{$short}-#{$i} {
				padding-#{$long}: $i + px!important;
			}

			@if $i < 50 {
				//圆角
				.tw-b-r-#{$short}-#{$i} {
					@if $short == 't' {
						border-top-left-radius: $i + px!important;
					}
					@if $short == 'r' {
						border-top-right-radius: $i + px!important;
					}
					@if $short == 'b' {
						border-bottom-right-radius: $i + px!important;
					}
					@if $short == 'l' {
						border-bottom-left-radius: $i + px!important;
					}
				}
			}



			// 完整版，结果如：t-margin-left-30
			// 定义外边距
			.tw-margin-#{$long}-#{$i} {
				margin-#{$long}: $i + px!important;
			}
			// 定义内边距
			.tw-padding-#{$long}-#{$i} {
				padding-#{$long}: $i + px!important;
			}

			//定义定位边距，结果如： t-top-30
			.tw-#{$long}-#{$i} {
				#{$long}: $i + px!important;
			}


		}
	//}
}

/**
 * 基本样式
 */
//页面
page { height: 100%;}
.tw-page { width: 100%;  background-color: #f5f5f5;}
.tw-warp{ width: 1200px; margin: auto; }
/*常用
******************************/
.tw-w-h-100b{width: 100%;height: 100%;}
//宽
.tw-w-50b {width: 50%;}
.tw-w-100b {width: 100%;}
.tw-h-100b {height: 100%;overflow-y: auto;}
.tw-w-150 {width: 150px !important;}
.tw-w-200 {width: 200px !important;}
.tw-w-250 {width: 250px !important;}
//显示隐藏
.tw-hide { display: none !important;}
.tw-show { display: block !important;}
.tw-bor-no {border: none !important;}
.tw-d-ib { display: inline-block !important;}
/*背景*/
.tw-b-c-t { background-color: transparent !important;}
.tw-b-c-w { background-color: #ffffff !important;}
/*定位*/
.tw-pos-r { position: relative !important; }
.tw-pos-a { position: absolute; z-index: auto; }
.tw-pos-f { position: fixed;top: 0;left: 0;z-index: 999;}
.tw-pos-r-t0 { position: relative !important;top: 0 !important; }
.tw-pos-f-center { position: fixed;top: 0;right:0;bottom:0;left: 0;margin: auto;z-index: 999;}
/*浮动*/
.tw-fl-l { float:left; display:inline-block; }
.tw-fl-r { float:right; display:inline-block; }
.tw-cl-b { clear:both; }
.tw-cl-l { clear:left; }
.tw-cl-r { clear:right; }
.tw-clear{ clear: both; width: 100%; height: 0; }
/*对齐*/
.tw-t-a-l {text-align: left !important;}
.tw-t-a-c {text-align: center !important;}
.tw-t-a-r {text-align: right !important;}
.tw-v-a-m {vertical-align: middle !important;}
/*外边距*/
.tw-m-auto {margin: auto;}
.tw-m-t-auto {margin-top: auto;}
.tw-m-r-auto {margin-right: auto;}
.tw-m-b-auto {margin-bottom: auto;}
.tw-m-l-auto {margin-left: auto;}

/*字体*/
//字体加粗
.tw-f-w-b {font-weight: bold;}
//字体颜色
.tw-white-color {color: #FFFFFF;}
.tw-color-white {color: #FFFFFF;}
/*行距*/
.tw-l-h-1 {line-height: 1;}
.tw-l-h-1h {line-height: 1.5;}
.tw-l-h-1p8 {line-height: 1.8;}
/*内容溢出*/
.tw-ovf-a {overflow: auto;}
.tw-ovf-h {overflow: hidden;}
.tw-ovf-1{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.tw-ovf-2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

//分页
.tw-pagination {
  background-color: transparent !important;
  margin-top: 0 !important;
}
//面包屑
.tw-breadcrumb {
  height: 40px;
  line-height: 40px;
}
//评分展示
.tw-rate-show {
  display: inline-block;
  margin: 0 20px;
  i {
    font-size: 22px;
    margin-right: 0;
  }
  .el-icon-star-on {
    color: #409EFF !important;
  }
}
//全屏广告
.tw-adv-screen {
  width: 100%;
  height: 200px;
  overflow: hidden;
  text-align: center;
  img {
    width: 100%;
    height: 100%;
  }
}
//提示文字
.tw-tip-text {
  color:#888;
}

.app-container {
  background-color: #fff !important;
}

table {
  border: none !important;
}

table td {
    //border-right: 1px solid #dfe6ec !important;
    border-bottom: 1px solid #dfe6ec !important;
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
}
.el-table {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.el-table::before {
  display: none !important;
}
.el-table::after {
  display: none !important;
}
.el-table__header th {
  background-color: #f5f7fa !important;
  border-right: none !important;
}
.el-tabs--border-card {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}


/**
 * 搜索栏
 */

.filter-container {
    .tw-filter-button {
        margin-right: 10px;
    }
    .tw-filter-input {
        width: 200px;
        margin-right: 10px;
    }
    .tw-filter-input-mr {
        margin-right: 10px;
    }
    //时间搜索
    .tw-filter-input-time {
        vertical-align: top;
        margin-right: 10px;
        margin-bottom: 5px;
    }
}


/*列表操作按钮*/
.tw-table-btn {
  margin: 0 5px 5px 0;
}

/*弹窗框*/
.el-dialog__body {
  padding-right: 40px !important;
}
.el-form-item__label {
  padding-right: 15px !important;
}
.dialog-footer {
  text-align: center !important;
}

/**
 * 统计-首页
 */
.tp-statistics-index {
  width: 1200px;
  margin: auto;
  .tp-statistics-index-block {
    background-color: #fff;
    padding: 20px;
    .tp-n-title {
      font-size: 18px;
      color: #333;
      margin-bottom: 20px;
    }
    .el-row {
      display: flex;
      margin-bottom: 12px;
      .el-col {
        flex: 1;
        position: relative;
      }
      .tp-n-describe {
        height: 42px;
        line-height: 42px;
        text-align: center;
      }
      .tp-n-numerical {
        height: 42px;
        line-height: 42px;
        text-align: center;
      }
      .el-link {
        font-size: 16px;
      }
      .tp-n-numerical .el-link {
        font-size: 24px;
      }
      .el-link.is-underline:hover::after {
        border-bottom: none;
      }
      .el-link:hover {
        text-decoration: none;
      }
      .tp-n-buy {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 14px;
        color: #409EFF;
      }
    }
  }
  .tp-statistics-index-block-2 {
    background-color: #fff;
    padding: 20px;
    .tp-n-title {
      font-size: 18px;
      color: #333;
      margin-bottom: 20px;
    }
    .el-row {
      display: flex;
      margin-bottom: 12px;
      .el-col {
        flex: 1;
        position: relative;
      }
      .el-link {
        display: block;
        font-size: 16px;
      }
      .tp-n-name {
        text-align: center;
      }
      .tp-n-numerical {
        height: 50px;
        line-height: 50px;
        // margin: 5px 0;
        text-align: center;
        font-size: 24px;
        color: #409EFF;
      }
      .tp-n-describe {
        height: 30px;
        line-height: 30px;
        font-size: 15px;
        color:#999;
      }
      .el-link.is-underline:hover::after {
        border-bottom: none;
      }
      .el-link:hover {
        text-decoration: none;
      }
      .tp-n-buy {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 14px;
        color: #409EFF;
      }
    }
  }
}
